<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>
<body>
    <!-- 
        
        用于vue的容器，当vue根据虚拟DOM生成真实DOM后插入到容器中，即vue能够作用的区域

     -->
    <div id="app"></div>



    <script>

        new Vue({

            el: "#app",
            template:` <p>{{myname}}的基础使用</p> `,
            data:{
                myname: "Vue",
            },
        });

        /*
            问题来了

            问题1：为啥vue的构造函数的参数列表要设置为一个对象，而不直接按顺序排列呢？
            答：由于每一次的传参不确定，并不能很好的确定它们的个数，若按照循序传，只能用null进行占位补救，使传参变得非常不方便，使用对象的形式+赋值解构的方便，完全不需要担心传入循序的问题

            
            问题2：el配置项有几种写法，请分别写出它们，并回答哪一种更为常见
            答：2种，第一种：如代码所示，直接写选择器参数，由vue自行调用，第二种：自己写具体的节点作为vue的容器，例如：el: document.getElementById("app")，第一种更为常见

            问题3：vue中的el配置项代表啥意思？
            答：代表当前vue实例要挂载的容器，即当前vue实例的作用范围。

            
            拓展：vue的挂载方式只有这一种吗？如果不想在创建实例时挂载，可以怎么做
            答：见03.$mount挂载
        
            
        
        
        
        */ 
    </script>
    
</body>
</html>